---
sidebar_position: 1
title: HyperFlow
sidebar_label: Overview
---

# Welcome to HyperFlow

> HyperFlow is a dedicated DevTools suite for monitoring, debugging, and optimizing your application's network activity
> and cache within the Hyper Fetch ecosystem.

It provides a command center for your application's data exchange, empowering you to:

- **Visualize** your app's network and cache activity in real time.
- **Debug** requests and responses with a detailed inspector.
- **Optimize** performance by identifying bottlenecks and inefficient resource usage.
- **Manage** request queues and cache entries with fine-grained control.

---

![Performance Insights](@site/static/img/previews/app.png)

## Key Features

HyperFlow offers a comprehensive set of tools to give you full visibility into your application's data layer. Explore
the core features to see how you can supercharge your development workflow.

<div className="row">
  <div className="col col--6" style={{ padding: "0.5rem" }}>
    <LinkCard
      type="docs"
      title="Dashboard"
      description="Get a high-level overview of your application's health, with visualizations for network and cache statistics."
      to="/docs/hyper-flow/features/dashboard"
    />
  </div>
  <div className="col col--6" style={{ padding: "0.5rem" }}>
    <LinkCard
      type="docs"
      title="Network Inspector"
      description="Monitor all network requests in real-time. Inspect payloads and responses to debug issues quickly."
      to="/docs/hyper-flow/features/network"
    />
  </div>
  <div className="col col--6" style={{ padding: "0.5rem" }}>
    <LinkCard
      type="docs"
      title="Cache Management"
      description="Visualize and control your application's cache. Inspect entries, track changes, and debug caching issues."
      to="/docs/hyper-flow/features/cache"
    />
  </div>
  <div className="col col--6" style={{ padding: "0.5rem" }}>
    <LinkCard
      type="docs"
      title="Queue Management"
      description="Oversee and manage request queues. Troubleshoot pending, ongoing, or stuck requests with ease."
      to="/docs/hyper-flow/features/queues"
    />
  </div>
</div>

---

## Getting Started

Ready to transform your debugging and optimization workflow? Dive into HyperFlow and experience the next level of
developer productivity.

To start using HyperFlow, you'll need to install it and integrate it with your application.

<LinkCard
  type="promo"
  title="Download HyperFlow"
  description="Download the HyperFlow application and connect it to your project."
  to="/docs/hyper-flow/download"
/>
